<link rel="stylesheet" href="css/gr2015_Calendar.css">

<div id="calender">
    <!--head picture-->
    <div id="jd-banner">
            <div id="jd-banner-topic">
                <div id="jd-banner-content">                
                    <p id="jd-banner-title-topic">Your Pwcfuture</p>
                    <p id="jd-banner-title-content">Calendar</p>
                </div>
            </div>
    </div>

    <!--centre text -->
    <div style="" class="main-contioner">
        <div id="leftnav">
            <accordion close-others="oneAtATime">
            <accordion-group id="HangKong" heading="HangKong" is-disabled="true" ng-click="queryCityData('HangKong')" >HangKong
                </accordion-group>
                <accordion-group id="Macau" heading="Macau" is-disabled="true" ng-click="queryCityData('Macau')">Macau
                </accordion-group>
                <accordion-group id="Mainland" heading="Mainland china" is-open="true">
                    <ul>
                        <li ng-repeat="city in cities" >
                            <a ng-class="currCity == city.name ? 'choosed' : ''" ng-click="queryCityData(city.name)" href="">{{city.name}}</a>
                        </li>
                    </ul>
                </accordion-group>
                <accordion-group id="Overseas" heading="Overseas" is-disabled="true" ng-click="queryCityData(Overseas)">Overseas
                </accordion-group>
            </accordion>
        </div>

        <div >
            <div class="btn-group" id="drop">
                <button type="button" class="btn btn-danger" id="buttonleft">{{currCity}}</button>
                <button type="button" class="btn btn-danger dropdown-toggle" id="buttonright" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" ng-click="queryCity()">
                    <span class="caret"></span>
                    <span class="sr-only">HangKong</span>
                </button>
                <ul class="dropdown-menu">
                    <li id="liLeft" ng-repeat="allCity in allCities">
                    <a href="" ng-class="currCity == allCity.name ? 'choosed' : ''"  ng-click="queryCityData(allCity.name)" >{{allCity.name}}</a>
                    </li>
                </ul>
            </div>
        </div>
        <div id="main">
            <div id="jobdetail">
                <div id="Position">
                    <div><span class="Loc">Position</span><span class="Pos">A</span></div>
                    <div><span class="Loc">Position</span><span class="Pos">A</span></div>
                    <div><span class="Loc">Position</span><span class="Pos">A</span></div>
                    <div><span class="Loc">Position</span><span class="Pos">A</span></div>
                    <div><span class="Loc">Position</span><span class="Pos">A</span></div>
                </div>
            </div>
            <div id="career">
                <div id="careerTalk"> Career Talk</div>
                <div id="location" ng-repeat="school in schools">
                    <div><span class="Loc" id="date">{{school.date}}</span><span class="Pos" id="name">{{school.name}}</span></div>
                    <div><span class="Loc" id="time">{{school.time}}</span><span class="Pos" id="address">{{school.address}}</span></div>
                </div>
            </div>
        </div>
    </div>
</div>